<template>
  <list-box :name="name" :word="word">
    <course-item v-for="(item,index) in props.courseData" :key="index" :item="item"></course-item>
  </list-box>
</template>

<script setup lang="ts">
  import listBox from "./list-box.vue"
  import courseItem from '@/components/common/course-item.vue'
  import courseList from "@/mock/courseData.js"
  const props = defineProps({
    name: {
      type: String,
      default: '热门推荐'
    },
    word: {
      type: String,
      default: null
    },
    courseData:{
      type:Array,
      default:() => courseList
    }
  })
</script>

<style>
</style>
